<!DOCTYPE html>
<html>
<!-- head -->
{include file="common/page/head"}
<link rel="stylesheet" href="__app__/admin/view/WeixinData/userDataList/userDataList.css">
<body>

<!---------------- 销售额 报表统计------------------->
<!-- 页头 -->
{include file="common/page/header"}
<!-- 主体 -->
<div class="content container-fluid{if $leftBarScale eq '1'} scale{/if}">
    <div class="row">
        <div class="col-md-2 left-section">
            <!-- 左导航菜单 -->
            {include file="common/page/menu"}

        </div>
        <div class="col-md-10 right-section"><!--
            <!--内容区域-->
            <h3><i class="icon iconfont">{$Think.session.currentMenu.icon}</i>{$Think.session.currentMenu.menuTitle}
                <div class="operation-div">
                   
                </div>
            </h3>
            <div class="inner-section row">

                <!--关键指标-->
                <div class="key-index">
                    <ul class="clearfix">
                        <li class="key-index-item">
                            <div class="key-index-item-wrap">
                                <div class="count"><i class="icon iconfont">&#xe66c;</i>{$keyIndex.todayCount}</div>
                                <div class="text">今日关注量</div>
                            </div>
                        </li>
                        <li class="key-index-item">
                            <div class="key-index-item-wrap">
                                <div class="count"><i class="icon iconfont">&#xe66c;</i>{$keyIndex.totalCount}</div>
                                <div class="text">总关注量</div>
                            </div>
                        </li>
                    </ul>
                </div>

                <!--折线图-->
                <div id="line-chart-area">
                    <div class="line-chart-area-wrap">
                        <!--查询参数-->
                        <div class="line-chart-top">
                            <h4>粉丝量增减趋势图</h4>
                            <div class="line-chart-search-area clearfix">
                                <a href="javascript:void(0);" class="search-option chart-range selected" data-dayCount="7">最近7日</a>
                                <span class="search-option search-option-left"><input id="startTime" name="startTime" type="text" class="input-normal search Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" /></span>
                                <span>至</span>
                                <span class="search-option"><input id="endTime" name="endTime" type="text" class="input-normal search Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" /></span>
                                <span class="search-option"><select class="select-normal" id="userSource"><option value="99">用户来源</option><option value="0">其他</option><option value="39">查询微信公众帐号</option><option value="17">名片分享</option><option value="3">扫二维码</option><option value="35">代表搜号码</option><option value="43">图文页右上角菜单</option></select></span>
                                <a href="javascript:void(0);" class="search-button">查询</a>
                            </div>
                        </div>
                        <div class="line-chart-wrap">
                            <div class="line-chart" id="line-chart-1"></div>
                        </div>
                    </div>
                    <div class="line-chart-area-wrap">
                        <!--查询参数-->
                        <div class="line-chart-top">
                            <h4>累计粉丝量增减趋势图</h4>
                            <div class="line-chart-search-area clearfix">
                                <a href="javascript:void(0);" class="search-option chart-range selected" data-dayCount="7">最近7日</a>
                                <span class="search-option search-option-left"><input id="startDate" name="startDate" type="text" class="input-normal search Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" /></span>
                                <span>至</span>
                                <span class="search-option"><input id="endDate" name="endDate" type="text" class="input-normal search Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" /></span>
                                <a href="javascript:void(0);" class="search-button">查询</a>
                            </div>
                        </div>
                        <div class="line-chart-wrap">
                            <div class="line-chart" id="line-chart-2"></div>
                        </div>
                    </div>
                </div>
                <!--饼图-->
                <div id="pie-chart-area">
                    <div class="pie-chart-top">
                        粉丝变化来源比例分析
                    </div>
                    <div class="pie-chart-wrap clearfix">
                        <!--预计交易 商品销量类别比例图-->
                        <!--交易完成 商品销量类别比例图-->
                        <div class="pie-chart pie-chart-left" id="pie-chart-left"></div>
                        <!--正在交易 商品销量类别比例图-->
                        <div class="pie-chart pie-chart-right" id="pie-chart-right"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 页脚 -->
{include file="common/page/footer"}
<!-- jsfiles -->
{include file="common/page/jsfiles"}

<script type="text/javascript" src="__static__/js/highchart/highcharts-4.1.9.js"></script>
<script type="text/javascript" src="__app__/admin/view/WeixinData/userDataList/userDataList.js"></script>
</body>
</html>